<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登陆</title>
		<style>
			body{
				background-color: skyblue;
			}
			.logindiv{
				width: 500px;
				height: 480px;
				background-color: white;
				margin: 0 auto;/* 整体居中 */
				margin-top: 105px;/* div顶部边距 */
				padding-top: 45px;/* div内部边距 */
				text-align: center;
			}
			.loginin{
				width: 400px;
				height: 35px;
				border-radius: 4px;
				border: 1px solid darkgray;
				margin-bottom: 15px;
				padding-left: 30px;
				background-color: transparent;/* 文本框背景透明 */
				margin-left:-28px;
			}
			.loginb{
				width: 320px;
				height: 50;
				background-color: #FF6B4D;
				color: white;
				font-size: 35px;
				border-radius: 5px;
				border: none;/* 去边框 */
			}
			.sfdlu{
				margin: 30px;
				margin-bottom: 25px;
			}
			.tlog{
				margin-left: 20px;
			}
		</style>
	</head>
	<body>
		<div class="logindiv">
			<div style="text-align: center;">
				<img src="img/tyustlogo.png" width="280px">
			</div>
			<h3>毕业设计管理</h3>
			<div>
				<img src="img/user.png"/>
				<input class="loginin" type="text" placeholder="输入用户名"/>
				<br>
				<img src="img/password.png"/>
				<input class="loginin" type="text" placeholder="输入密码"/>
				<br>
				<input class="loginb" type="submit" value="登陆"/>
			</div>
			<div class="sfdlu"><!-- 第三方登陆div -->
				<img class="tlog" src="img/weixin.png"/>
				<img class="tlog" src="img/qq.png"/>
				<img class="tlog" src="img/weibo.png"/>
			</div>
			<div style="font-size: 12px;">
				技术支持：byeshixi<br>
				开发者：太原科技大学wss
			</div>
		</div>
	</body>
</html>